<template>
    <!-- 定义样式模板 -->
    <button :class="['btn', btnStyle]"><slot></slot></button>
</template>
<script>
export default {
    // 定义组件名，并规定btnStyle可接受数据类型为字符串
    name: "MyBtn",
    props: {
        btnStyle: String,
    },
};
</script>
<style>
/* 定义不同类名下按钮颜色 */
.btn {
    width: 100px;
    height: 50px;
    display: block;
}
.btn-primery {
    background: blue;
    color: #fff;
}
.btn-success {
    background: green;
    color: #fff;
}
.btn-danger {
    background: red;
    color: #fff;
}
</style>
